<script setup>
import LeftLayout from './LeftLayout.vue'
import Header from './Header.vue'
import MainView from './MainView.vue'

import {ref} from 'vue'
const isCollapse = ref(false)
const parentClick = (isCollapseValue) => {
    isCollapse.value = isCollapseValue;
    console.log(isCollapse.value)
}
</script>


<template>
  <div class="common-layout">
    <el-container>
      <LeftLayout :isCollapse='isCollapse' />
      <el-container>
        <el-header style="padding: 0"><Header @parentClick='parentClick'/></el-header>
        
        <el-main style="padding: 16px 8px 6px 8px"><MainView/></el-main>
        <el-footer>zjkoye的后台</el-footer>
      </el-container>
    </el-container>
  </div>
</template>

<style scoped>
    .el-footer {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #666;
        height: 38px;
        padding: 0;
        background-color: #FFFFFF; 
    }
</style>
